<div id="subPage" data-type="major" class="tpl-portlet-components">
    <div class="portlet-title">
      <div class="caption font-green bold">
        <span class="am-icon-code"></span> 列表
      </div>
    </div>
    <div class="tpl-block">
      <div class="am-g">
        <div class="am-u-sm-12 am-u-md-6">
          <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
              <button type="button" id="add" class="am-btn am-btn-default am-btn-success"><span class="am-icon-plus"></span> 新增</button>
              <button type="button" class="am-btn am-btn-default am-btn-secondary"><span class="am-icon-save"></span> 保存</button>
              <button type="button" class="am-btn am-btn-default am-btn-warning"><span class="am-icon-archive"></span> 审核</button>
              <button type="button" class="am-btn am-btn-default am-btn-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
          </div>
        </div>
        <div class="am-u-sm-12 am-u-md-3">
          <div class="am-form-group">
            <select data-am-selected="{btnSize: 'sm'}">
                  <option value="option1">所有类别</option>
                  <option value="option2">IT业界</option>
                  <option value="option3">数码产品</option>
                  <option value="option3">笔记本电脑</option>
                  <option value="option3">平板电脑</option>
                  <option value="option3">只能手机</option>
                  <option value="option3">超极本</option>
              </select>
          </div>
        </div>
        <div class="am-u-sm-12 am-u-md-3">
          <div class="am-input-group am-input-group-sm">
            <input type="text" class="am-form-field">
            <span class="am-input-group-btn">
                  <button class="am-btn  am-btn-default am-btn-success tpl-am-btn-success am-icon-search" type="button"></button>
                  </span>
          </div>
        </div>
      </div>
      <div class="am-g">
        <div class="am-u-sm-12">
          <table class="am-table am-table-striped am-table-hover table-main">
            <thead>
              <tr>
                <th class="table-title">标题</th>
                <th class="table-date am-hide-sm-only">修改日期</th>
                <th class="table-set">操作</th>
              </tr>
            </thead>
            <tbody id="data-list">


            </tbody>
          </table>
          <div class="am-cf">

            <div class="am-fr">
              <ul class="am-pagination tpl-pagination" id="data-list-page">

              </ul>
            </div>
          </div>
          <hr>
        </div>
      </div>
    </div>
    <div class="tpl-alert"></div>
  </div>
  <script id="dataListTpl" type="text/html">
    <% for(var i=0;i<$data.length;i++){ %>
      <% if(i%2==0){%>
    <tr>
      <td><%==$data[i].name%></td>
      <td class="am-hide-sm-only"><%==$data[i].createDate%></td>
      <td>
        <div class="am-btn-toolbar">
          <div class="am-btn-group am-btn-group-xs">
            <button class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span> 编辑</button>
            <button class="am-btn am-btn-default am-btn-xs am-hide-sm-only"><span class="am-icon-copy"></span> 复制</button>
            <button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only"><span class="am-icon-trash-o"></span> 删除</button>
          </div>
        </div>
      </td>
    </tr>
    <%}else if(i%2==1){%>
    <tr list-data-id="<%==$data[i].id%>">
      <td><%==$data[i].name%></td>
      <td class="am-hide-sm-only"><%==$data[i].createDate%></td>
      <td>
        <div class="am-btn-toolbar">
          <div class="am-btn-group am-btn-group-xs">
            <button class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span> 编辑</button>
            <button class="am-btn am-btn-default am-btn-xs am-hide-sm-only"><span class="am-icon-copy"></span> 复制</button>
            <button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only"><span class="am-icon-trash-o"></span> 删除</button>
          </div>
        </div>
      </td>
    </tr>
    <%}}%>
  </script>
  <script src="static/js/amazeui.min.js"></script>
